@import url("./nav.css");
@import url("./footer.css");

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html,
body{
    height: 100%;
    width: 100%;
}


.wrestling{
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    background-color: #f3f3f3;
    /* border: 1px solid black; */
}

.wresimg{
    height: max-content;
    padding:10px;
    width:500px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
    

}

@media(max-width:1000px){
    .wresimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .wresimg img{
        width: 100%;
    }

}

.parawres{
    /* border: 1px solid green; */
    width:500px;
    height:max-content;
    padding:30px;
    text-align: left;
    

}

.ptag{
    font-size: 18px;
    font-family:"Rubik", Sans-serif ;
    
}

.volleyball{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    gap: 20px;
    /* border: 1px solid black; */
}

.paravolleyball{
    /* border: 1px solid green; */
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.volleyimg{
    height: max-content;
    padding:10px;
    width:500px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .volleyimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .volleyimg img{
        width: 100%;
    }

}


.badminton{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    gap: 20px;
    background-color: #f3f3f3;
    /* border: 1px solid black; */
}

.parabad{
    /* border: 1px solid green; */
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.badimg{
    height: max-content;
    padding:10px;
    width:500px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .badimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .badimg img{
        width: 100%;
    }

}

.boxing{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    gap: 20px;
    /* border: 1px solid black; */
}

.parabox{
    /* border: 1px solid green; */
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.boximg{
    height: max-content;
    padding:10px;
    width:500px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .boximg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .boximg img{
        width: 100%;
    }

}